<template>
    <view class="columnbox content wdh-100">
        <view v-for="(item,index) in 5" :key='index' class="columnbox wdh-100 one-info">
            <view class="rowbox wdh-100 jus name-box">
                庞来宝 男 32岁
            </view>
            <view class="wdh-100 d-box">
                疾病诊断：胃肠型感冒
            </view>
            <view class="wdh-100 d-box">
                Rp
            </view>
            <view class="wdh-100 d-box">
                和安 复方氨基酸胶囊
            </view>
            <view class="rowbox wdh-100 spb" style="margin-top: 20rpx;">
                <view class="rowbox q-box">快速开方</view>
                <view class="d-box" style="font-size: 24rpx;">2024-04-17</view>
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {

            };
        }
    }
</script>

<style lang="scss" scoped>
    .content {
        min-height: 100vh;
        background: #F5F8FB;
        justify-content: flex-start;
    }

    .one-info {
        padding: 20rpx 20rpx;
        background: #fff;
        margin: 10rpx 0;
    }

    .name-box {
        font-size: 32rpx;
        border-bottom: #F5F8FB solid 1px;
        padding-bottom: 20rpx;
        margin-bottom: 10rpx;
    }

    .d-box {
        font-size: 28rpx;
        line-height: 50rpx;
        color: #666767;
    }

    .q-box {
        font-size: 24rpx;
        padding: 10rpx 20rpx;
        border-radius: 100rpx;
        background: #f3f3f3;
        transform: scale(.9);
    }
</style>